<include file="Include:header"/>
<link href="../Public/css/other.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="../Public/js/script2.js"></script>
<script type="text/javascript" src="../Public/js/jquery.cycle.min.js"></script>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
<link rel="stylesheet" type="text/css" href="../Public/css/cart.css" media="screen"/>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<style>
    body, html {
        background-image: url(../Public/images/body-bg.png);
        -webkit-font-smoothing: antialiased;
    }

    .column h1, h2, h3, h4, h5 {
        padding-top: 5px;
    }

    h4 {
        font-size: 16px;
        line-height: 20px;
        padding-bottom: 1px;
    }

    a {
        font-size: 14px;
    }
</style>

<!-- <link href="../Public/css/jquery-ui.css"               rel="stylesheet"    type="text/css"> -->
<!-- <script type="text/javascript" src="../Public/js/jquery-ui.js" ></script> -->
<div class="content">

    <!-- 适合4x广告哟 -->
    <!--     <div class="container">
            <h3>Advertise</h3>
            <p>Want to join the program? Go to <a href="#">this page</a> and sign up today! We'll get back to you!</p>
            <div class="ads">
                <img src="../Public/images/tf_125x125_v1.gif" alt="img">
                <img src="../Public/images/tf_125x125_v1.gif" alt="img">
                <img src="../Public/images/tf_125x125_v1.gif" alt="img">
                <img src="../Public/images/tf_125x125_v1.gif" alt="img">
            </div>
        </div> -->


    <div id="posts">

        <foreach item="vo" name="list">
            <div class="post">
                <div class="post-title">
                    <h2><a class="open-close" href="#">{$vo.name}-{$vo.specifications}({$vo.price}元/{$vo.unit}) </a></h2>
                    <a href="__APP__/Favorites" shop_id={$vo.id} class="more"></a>
                    <a href="{:U('ShopCart/add',array('id'=>$vo[id]))}" price="{$vo.price}" class="buy"></a>
                </div>
                <div class="post-content" style="display: none;">
                    <div class="post-meta">
                        <a class="imgbox"><img width="101" height="70"
                                               src="{$vo.img}"></a>
                        <!-- <p>商品种类: <a href="#">水</a></p> -->
                        <p>{$vo.content}</p>
                        <!-- <p>Date: <a href="singlepost.html">22nd Nov 2010</a></p> -->
                        <!-- <a href="singlepost.html" class="comments-bubble">已有多少人收藏</a> -->
                    </div>
                    <!-- /.post-meta -->
                    <!-- <p>商品信息...</p> -->
                    <!-- <a href="singlepost.html" class="morebtn">Read More</a> -->
                </div>
            </div>
            <!-- /.post -->

        </foreach>
    </div>

    {$page}

    <div class="decoration"></div>

    <aside>

        <!-- Cart incl. Summary, Product List & View Cart Link -->
        <section id="cart">
            <h2><a href="{:U('ShopCart/index')}" title="View Cart"><img
                    src="../Public/images/icon-cart.png" alt="Cart"></a>购物车</h2>

            <p>您的购物车里有 <b><span class="cart_shop_count">{$shop_cart|count}</span> 个商品</b> ，一共是 <b class="cart_total_price">{$total_price}￥</b></p>

            <p class="right"><a href="{:U('ShopCart/index')}" title="Proceed to Checkout"><b>查看购物车</b></a></p>
        </section>

    </aside>

    <div class="container no-bottom">
        <h3>商品分类</h3>
        <br/>
        <style>
            .b1 {
                margin-right: 0px;
                margin-left: 0px;
                height: 30px;
                line-height: 15px;
                display: inline;
                float: left;
            }
        </style>


        <div class="column no-bottom">
            <!-- <a href="index.html" class="button-minimal grey-minimal fullscreen-button half-bottom" style="margin-bottom: 0px!important;">饮料</a> -->

            <foreach item="vo" name="cate_list">

                <h4 class="icon-heading" style="<?php if($_GET['cate'] == $vo['id']) echo 'background-color: yellowgreen';?>"><a href="__URL__/index/cate/{$vo.id}" style="<?php if($_GET['cate'] == $vo['id']) echo 'font-weight: bold';?>">{$vo.name}</a></h4>

                <div class="decoration"></div>
            </foreach>
        </div>
    </div>
</div>

<include file="Include:footer"/>

























